@import "../../styles/base";

/*优惠券*/
.ga-tickets{
  .item{
    @extend %flex;
    background: #fff;
    margin:20rpx 22rpx;
    @include border-radius(0 15rpx 15rpx 0);
    overflow: hidden;
    position: relative;

    .box1{
      @include wh(298rpx,159rpx);
      background: url("https://cdn.guo-a.com/static/images/user/b_ticket.png") no-repeat;
      background-size: 100% 100%;
      text-align: center;
      font-size:24rpx;
      color:#fff;
      @include flex(0 0 auto);//不放大 不缩小

      .p1{
        margin-top:25rpx;
        span{
          font-size:50rpx;
        }
      }

      .p2{
        margin-top:15rpx;
      }
    }
    .box2{
      padding-left:45rpx;
      @include flex(1 1 auto);//不放大 不缩小
      overflow: hidden;

      .p1{
        margin-top:40rpx;
        font-size:30rpx;
        width:100%;
        @extend %ellipsis-basic;
      }

      .p2{
        color:$gray;
      }
    }

    &.fail{
      .box1{
        background: url("https://cdn.guo-a.com/static/images/user/b_ticket2.png") no-repeat;
        background-size: 100% 100%;
      }
      .box2{
        background: url("https://cdn.guo-a.com/static/images/icon/lq.png") top -15rpx right -15rpx no-repeat;
        background-size: 81rpx 81rpx;
      }
    }
  }

  .rule-box{
    color:$gray;
    font-size:24rpx;
    margin-top:34rpx;
    text-align: center;
    @include wh(auto,42rpx,42rpx);

    .wh{
      @include wh(42rpx,42rpx);
      background: url("https://cdn.guo-a.com/static/images/icon/wh.png") no-repeat;
      margin-right:10rpx;
      background-size: 100% 100%;
      vertical-align: middle;
    }
  }
}
